<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <form action="" method="GET" name="myForm" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form-urlencoded"
        autocomplete="off" novalidate>
        <fieldset>
            <legend>这是表单信息</legend>
            <div>
                <label for="myText">这是输入框 默认</label>
                <input type="text" name="myText" id="myText" />
            </div>
            <div>
                <label for="myTextDefault">这是输入框 带默认值</label>
                <input type="text" name="myText" id="myTextDefault" value="myText" />
            </div>
            <div>
                <label for="myTextReadOnly">这是输入框 只读</label>
                <input type="text" name="myText" id="myTextReadOnly" value="myText" readonly />
            </div>
            <div>
                <label for="myTextDisabled">这是输入框 失效</label>
                <input type="text" name="myText" id="myTextDisabled" value="myText" disabled />
            </div>
            <div>
                <label for="myTextSize">这是输入框 字符数</label>
                <input type="text" name="myText" id="myTextSize" value="myText" size="40" />
            </div>
            <div>
                <label for="myTextMaxLength">这是输入框 最大字符数</label>
                <input type="text" name="myText" id="myTextMaxLength" value="myText" maxlength="20" />
            </div>
            <div>
                <label for="myPassword">这是密码框</label>
                <input type="password" name="myPassword" id="myPassword" />
            </div>
            <div>
                <label for="myFile">这是文件框</label>
                <input type="file" name="myFile" id="myFile" />
            </div>
            <div>
                <label for="myRadio">这是单选框</label>
                <input type="radio" name="myRadio" id="myRadio" />
            </div>
            <div>
                <label for="myCheckbox">这是复选框</label>
                <input type="checkbox" name="myCheckbox" id="myCheckbox" />
            </div>
            <div>
                <label for="myReset">这是重置按钮</label>
                <input type="reset" name="myReset" id="myReset" />
            </div>
            <div>
                <label for="myHidden">这是隐藏按钮</label>
                <input type="hidden" name="myHidden" id="myHidden" />
            </div>
            <div>
                <label for="myButton">这是按钮</label>
                <input type="button" name="myButton" id="myButton" value="这是button属性" />
            </div>
            <div>
                <label for="myImage">这是图片按钮</label>
                <input type="image" name="myImage" id="myImage" src="./images/no_data.jpg" alt="这是图片按钮" />
            </div>
            <div>
                <label for="mySubmit">这是提交按钮</label>
                <input type="submit" name="mySubmit" id="mySubmit" />
            </div>
            <div>
                <label for="myTextArea">这是文本框</label>
                <textarea id="myTextArea" cols="30" rows="10" name="myTextArea"></textarea>
            </div>
            <div>
                <label for="mySelect">这是下拉菜单</label>
                <select name="mySelect" id="mySelect">
                    <option value="1">这是下拉菜单1</option>
                    <option value="2" selected>这是下拉菜单2</option>
                    <option value="3">这是下拉菜单3</option>
                </select>
            </div>
            <div>
                <button>这是button标签</button>
            </div>
        </fieldset>
    </form>
</body>

</html>